
<!doctype html>
<html>
  <head>
  <meta name="INCC"  content="text/html;" http-equiv="content-type" charset="utf-8">
  <link REL="SHORTCUT ICON" HREF="favicon.png">    
    <title>INCC</title>
<script src='funciones.js'></script>
<script src='config.js'></script>
<script>
var cantJugadas = 0;
var jugadas = new Array();
var resultados = new Array();
var tiempos = new Array();
var tiempoCero;
var nombre;
var suma = 0;


function mostrar_mensaje()
{
   //Escribir cosas en divs res1, res2 y res3
    if(resultados[cantJugadas-1])
        document.getElementById("resultado").innerHTML = "<span style='color:green;'>Ganaste!</span>";
    else
        document.getElementById("resultado").innerHTML = "<span style='color:red;'>Fallaste!</span>";
    
    document.getElementById("suma").innerHTML = "Premios = "+suma+"&nbsp&nbsp&nbsp Monedas apostadas = "+cantJugadas;
    
}

function enviar_datos()
{
  ajax = nuevoAjax();
  ajax.open("POST", "proc.php", true);
  ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

  var diferencias = new Array();
  for (var i = 0; i < tiempos.length; ++i)
  {
    if (i == 0)
    {
       diferencias[i] = 0;
    }
    else
    {
      diferencias[i] = tiempos[i] - tiempos[i-1];
    }
    
  }

  ajax.send("nombre="+nombre+"&jugadas="+jugadas.toString()+'&resultados='+resultados.toString()+'&tiempos='+diferencias.toString()+'&probabilidades='+probabilidades.toString());
  
  ajax.onreadystatechange=function()
  {
    if (ajax.readyState==4)
    {
      var rta=ajax.responseText;
      document.getElementById("agradecimiento").style.display="block";
      /*document.getElementById("res1").innerHTML = probabilidades[0];
      document.getElementById("res2").innerHTML = probabilidades[1];
      document.getElementById("res3").innerHTML = probabilidades[2];
      document.getElementById("res4").innerHTML = probabilidades[3];
*/
    }
  }

}


function jugar(maquina)
{
        
    jugadas[cantJugadas]= maquina -1;
    
    var res =Math.random();
    
    resultados[cantJugadas] = res <= probabilidades[maquina-1];
    
    tiempos[cantJugadas] = (new Date()).getTime();
    
    cantJugadas++;

    suma += resultados[cantJugadas-1];
    
    mostrar_mensaje();
    
    if(cantJugadas == CANTIDAD_TRIALS)
    {
      document.getElementById("test").style.display="none";
      enviar_datos()
    }
    
}


function iniciar()
{
    if(nombre = prompt('Ingrese nombre y apellido:'))
    {
          document.getElementById('pre_iniciar').style.display="none";
          document.getElementById('test').style.display="block";
          
    }
   
}
</script>

<style type="text/css">
div p {
    width: 400px;
    }
</style>
</head>
<body>
<table width="100%">
<tr>
  <td width="25%">&nbsp;</td>
  <td width="50%">
  <!-- Use esta tabla exterior para centrar las cosas rapido, ignorenla y laburen dentro de esta TD-->

        <div id="pre_iniciar" style="position:absolute;display:block">
          <p>
          Este es un juego de azar cuyo objetivo es maximizar la cantidad de premios recibidos al apostar en máquinas tragamonedas.
          </p>
          <p>
          </p>
          <p>
           Cada máquina (representada por un botón) posee chances distintas pero <b><u>fijas</u></b> de dar un premio.
          Todos los premios son iguales. Usted posee una cantidad fija de monedas.</p>
          
          <p> El juego consiste en apostar las monedas que usted tiene en las máquinas. Ésto se hace presionando los botones correspondientes en cada turno. Será notificado luego de cada intento si recibió o no un premio.</p>
          
          <p> Trate de concentrarse en el experimento. Dura cerca de tres minutos.</p>
          <p> Presione el botón "Empezar" para comenzar el juego </p>
          <br>
          
          <input type="button" value="Empezar" onClick="iniciar();">
        </div>
        <div id="test" style="position:absolute;display:none;">
          <form>
          <table>
            <tr>
              <td>maquina 1</td>
              <td>maquina 2</td>
              <td>maquina 3</td>
	      <td>maquina 4</td>
            <tr>
            <tr>
              <td><input type='button' onClick='javascript:jugar(1);' value='   1    '></td>
              <td><input type='button' onClick='javascript:jugar(2);' value='   2    '></td>
              <td><input type='button' onClick='javascript:jugar(3);' value='   3    '></td>
	      <td><input type='button' onClick='javascript:jugar(4);' value='   4    '></td>
            </tr>
            <tr height="100px">
              <td><div id="res1"></div></td>
              <td><div id="res2"></div></td>
              <td><div id="res3"></div></td>
              <td><div id="res4"></div></td>
            </tr>
            <tr>
              <td colspan="4">
              <div id="resultado">
              </div>
              </td>
            </tr>
	    <tr>
              <td colspan="4">
              <div id="suma">
              </div>
              </td>
            </tr>
            
            
          </table>
          </form>
        </div>
        
        <div id="agradecimiento" style="position:absolute;display:none;">
          <p>¡Muchas gracias por tu colaboración!</p>
          <p>Martín Arjovsky, Julián Peller, Juan Manuel Pérez</p>
        </div>



  </td>
  <td width="25%">&nbsp;</td>
</tr>
</table>

</body>
</html>  


</body>
<html>

